<template>
<div class='g-content-wrapper'>
	<header-top>央行资金</header-top>
  <div class="g-content">
  	<state>{{topDesc}}</state>
    <week-chart></week-chart>
    <div class="interval"></div>
    <month-chart></month-chart>
    <div class="interval"></div>
    <description></description>
  </div>
</div>
</template>

<script>
import headerTop from '@/components/common/HeaderTop'
import state from '@/components/common/State'
import weekChart from './children/WeekChart'
import monthChart from './children/MonthChart'
import description from './children/Description'
import constant from '@/common/constant'
import remoteDAO from '@/common/remoteDAO'

export default {
  name: 'central-bank',
  data () {
    return {
      topDesc: ''
    }
  },
  components: {
    headerTop,
    state,
    weekChart,
    monthChart,
    description
  },
  methods: {
    fetchTopDesc(type = 6) {
      remoteDAO.invoke(constant.InterfaceEnum.GET_TOP_DESC, {type})
        .then(res => { this.topDesc = res })
    }
  },
  created() {
    this.fetchTopDesc();
  }
}
</script>

<style lang="less" scoped>
  @import '../../assets/css/common.less';
  @import '../../assets/css/cssReset';
  .g-content-wrapper {
    z-index: 10000001;
  }
</style>
